<template>
	<view class="">
		<view class="bg-white margin-xs radius-lg" style="min-height: 86vh;">
			<view class="radius-lg" style="background-image: linear-gradient(to top, #fffcf8 0%, #fae7c9 100%);">

				<view class="box-serach">
					<view class="cu-bar search radius-lg">
						<view class="search-form round">
							<text class="cuIcon-search"></text>
							<input type="text" placeholder="搜索姓名/电话/小组" confirm-type="search"></input>
						</view>
					</view>
				</view>
			</view>
			<!-- 功能模块 -->
			<view class="clmationboxs" style="padding-top: 10rpx; ">
				<view v-for="(item, listIndex) in nEnum.redTaber.mationboxList" :key="listIndex">
					<button class="clmation cu-btn bg-white" @click="getmationbox(item)">
						<view class="demo-layout bg-purple-light companyLeft">
							<image :src="item.images" style="display: flex;height: 50rpx;width: 50rpx;"></image>
							<text class="margin-left">{{item.text}}</text>
						</view>
						<view class="demo-layout  companyLeft"><u-icon :name="item.icon" size="mini"></u-icon>
						</view>
					</button>

					<u-line length="100%" v-if="item.ulink"></u-line>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	import Enum from '@/static/Enum/Enum.js' //引用js
	export default {
		data() {
			return {
				nEnum: Enum.NEnum,
			}
		},
		methods: {
			// 功能模块
			getmationbox(item) {


				// // 商品订单
				// if (item.text == this.taberImg.mationboxList[0].text) {
				// 	uni.navigateTo({
				// 		url: '/pages/pagesA/Merchandise/Merchandise'
				// 	})
				// }
				// // // 商家登录
				// if (item.text == this.taberImg.mationboxList[1].text) uni.navigateTo({
				// 	url: '/pages/pagesA/MerchantLogin/MerchantLogin'
				// })
				// // // 地址管理
				// if (item.text == this.taberImg.mationboxList[2].text) uni.navigateTo({
				// 	url: '/pages/pagesA/Address/Address'
				// })
				// // 退出
				// if (item.text == this.taberImg.mationboxList[3].text) this.uModalShow = true
			},
		}
	}
</script>

<style lang="scss" scoped>
	// 头像
	.box {
		background-image: url('https://xcx.jiangqie.com/wp-content/uploads/2020/02/21212.png');
		background-size: 750rpx 520rpx;
		background-position: 0 -120rpx;
		background-repeat: no-repeat;
	}

	.jiangqie-userbox {
		padding-bottom: 30rpx;
		min-height: 410rpx;
	}

	.jiangqie-userbox {
		padding-bottom: 30rpx;
		min-height: 410rpx;
	}

	.jiangqie-userinfo {
		padding-bottom: 20rpx;
		text-align: center;
	}

	.jiangqie-useravatar {
		text-align: center;
		height: 240rpx;
		clear: both;
		display: flex;
		justify-content: center;
		padding-top: 80rpx;
	}

	.jiangqie-useravatar button image {
		height: 152rpx;
		width: 152rpx;
		border-radius: 152rpx;
		padding-bottom: 20rpx;
	}

	.jiangqie-useravatar button {
		height: 152rpx;
		width: 152rpx;
		border-radius: 152rpx;
		padding: 0 !important;
		margin: 0 !important;
		border: 12rpx solid #FFF;
		margin-bottom: 20rpx;
	}

	.jiangqie-username {
		height: 50rpx;
		line-height: 50rpx;
		font-size: 36rpx;
		font-weight: 500;
		color: #FFF;
	}

	.jiangqie-useralogin {
		height: 50rpx;
		line-height: 50rpx;
		font-size: 30rpx;
		font-weight: 300;
		color: #FFF;
	}

	// 功能模块
	.companyLeft {
		display: flex;
		justify-content: flex-start;
		height: 50rpx;
		align-items: center;
	}

	.clmation {
		display: flex;
		height: 100rpx;
		justify-content: space-between;
		align-items: center;
	}

	.clmationboxs {
		background-color: #fff;
		padding: 0rpx 30rpx;
		border-radius: 10rpx;
	}

	// 联系
</style>